<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>编辑家庭成员</title>
   
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <style type="text/css">
     	.mui-switch.mui-active{background:#8dc21f;border-color:#8dc21f;}
     	.mui-segmented-control.mui-scroll-wrapper .mui-scroll{height:auto;}
     	.mui-segmented-control.mui-scroll-wrapper{height:150px;}   	
     	.mui-radio input[type=radio]:checked:before {color:#8dc21f;}
     	.mui-radio.mui-left input[type=radio]{left:0px;}
    	.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size:14px;position:relative;top:-5px;}
    	.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-right:0px;padding-left:25px;}    	
    	.mui-input-row label {float: left;width: 70px;padding: 11px 0px 11px 15px;}
    	.mui-input-row label~input,.mui-input-row textarea{width: calc(100% - 70px);color:#717171;}
    	.mui-table-view:after{height:0px;}
    	.mui-table-view:before{height:1px;}
    	.mui-input-group .mui-input-row:after{height:0px;}
    	.bbs-ico-1>div:nth-child(1)>i{width: 50px;display:block;float:left;margin-bottom:7px;}
		.bbs-ico-1>div:nth-child(1)>i>img{border-radius:50%;height:50px;width: 100%;}
		.mui-input-row label~textarea{ width:calc(100% - 70px);height: 40px;padding-top:10px;line-height:17px;}
    	.mui-input-group .mui-input-row{height:40px;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">编辑家庭成员</h1>
		<sapn class='mui-pull-right wancheng'style='line-height:44px;'>操作</sapn>
		<input type="hidden" class="physi"/>
	</header> 
	<div id="content" class="mui-content"></div>
	<div class="family-img table-view-cell background">
		头像：<img class="uploadPic pic" src="../images/fly.png"/>
	</div>
	<ul class="mui-input-group mui-table-view margin-bottom-1">
		<li class="mui-input-row">
			<label>姓名：</label>
			<input type="text" class="mui-input-clear name"/>
		</li>
	 </ul>
	<div class="table-view-cell  background overflow-h ">
		<div class="mui-pull-left radio-div">性别：</div>
	 	<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>男</label>
			<input name="radio1" value="0" type="radio" checked>
		</div>
		<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>女</label>
			<input name="radio1" value="1" type="radio" class="sex">
		</div>
	</div>
	<ul class="mui-input-group mui-table-view margin-bottom-1">
		<li class="mui-input-row">
			<label>年龄：</label>
			<input type="number" class="mui-input-clear age"value=""  placeholder="请输入年龄"/>
		</li>
	 </ul>
	<div class="table-view-cell  background overflow-h ">
		<div class="mui-pull-left radio-div">婚否：</div>
	 	<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>是</label>
			<input name="radio2" value="1" type="radio"checked>
		</div>
		<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>否</label>
			<input name="radio2" value="0" type="radio" class="marry">
		</div>
	</div>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row ">
			<label>民族：</label>
			<input type="text" class="mui-input-clear nation" value=""  placeholder="请输入民族"/>
		</li>
	</ul>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row ">
			<label>身高：</label>
			<input type="number" class="mui-input-clear height" value=""  placeholder="请输入高度"/>
		</li>
	</ul>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row ">
			<label>体重：</label>
			<input type="number" class="mui-input-clear weight" value=""  placeholder="请输入体重"/>
		</li>
	</ul>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row">
			<label>手机：</label>
			<input type="number" class="mui-input-clear phone" value=""  placeholder="请输入手机号码"/>
		</li>
	</ul>
	<ul class="mui-input-group mui-table-view">
    	<li class="mui-input-row">
    		<label>地址：</label>
    		<textarea name="" rows="" cols="1" class="address" value="" placeholder="请输入地址"></textarea>
    	</li>
	</ul>
	<div class="table-view-cell mui-table-view margin-bottom-5 ziwotest">
		<sapn class="mui-navigate-right">自我检测</sapn><!--onclick="openNewpage('me-family-inf.html')"-->
	</div>
	<div class="background archivess-img margin-bottom-5">
		<div class="table-view-cell ">
			<span>病例</span>
			<button class="mui-pull-right bingli">添加病历</button>
		</div>	
	</div>
	<!--当没有数据-->
	<div class="background mui-text-center wubl" style="width: 100%;padding:2em 0px;color:#717171; display: none;">未添加</div>
	<!--当有数据-->
	<div class="youbl"></div>
	
	<div id="sheet2" class="mui-popover mui-popover-bottom mui-popover-action" style="display: none;">
		<!-- 可选择菜单 -->
		<ul class="mui-table-view">
			<li class="mui-table-view-cell paizhao2">
				<a href="#sheet2">拍照添加</a>
			</li>
			<li class="mui-table-view-cell photo2">
				<a href="#sheet2">相册添加</a>
			</li>
		</ul>
		<!-- 取消菜单 -->
		<ul class="mui-table-view">
			<li class="mui-table-view-cell">
				<a href="#sheet2"><b>取消</b></a>
			</li>
		</ul>
	</div>
				
</body>
	<script src="../js/jquery-2.1.4.min.js"></script>
	<script src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/app/me-family-bianji.js" ></script>
	<script type="text/javascript" charset="UTF-8">
	  	mui.init();
	</script>
</html>